@charset "UTF-8";

/** 通用样式 **/
.radius-clear {
	border-radius: 0 !important;
}
.inline-block {
	display: inline-block;
}
.table-box {
	display: table;
	width: 100%;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
input.inline {
	display: inline;
	width: 360px;
}
.border-top {
	border-top: 1px solid #F4F4F4;
}
.border-bottom {
	border-bottom: 1px solid #F4F4F4;
}




/** 顶部黑色条 **/
.ihead {
	background: #000;
	color: #CCC;
	font-size: 14px;
	line-height: 26px;
}
.ihead a {
	color: #CCC;
	font-size: 14px;
}
.ihead a:hover {
	color: #FFF;
}
.ihead .link-box a,
.ihead .info-box .login-before a {
	display: inline-block;
	padding: 0 5px;
}
.ihead .link-box a:hover,
.ihead .info-box .login-before a:hover {
	background: #888;
}

/** 顶部导航区 **/
.inav .logo-box {
	float: left;
	display: inline-block;
}
.inav .logo-icon {
	width: 70px;
	height: 70px;
}
.inav .link-box {
    float: left;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}
.inav .link-box a {
    display: inline-block;
    color: #333;
    font-size: 18px;
    line-height: 50px;
    padding: 10px 15px;
}
.inav .search-box {
	float: right;
	display: inline-block;
	margin-top: 16px;
}
.inav .search-box .input-group>.form-control {
    height: 38px;
    padding: 6px 10px;
    font-size: 16px;
}
.inav .search-box .input-group>.input-group-addon,
.inav .search-box .input-group>.input-group-btn .btn {
    height: 38px;
    padding: 6px 12px;
    font-size: 18px;
}
@media (max-width: 639px) {
	.inav .logo-box {
		display:none;
	}
	.inav .link-box {
    	width: 100%;
    	padding-top: 10px; padding-bottom:10px;
	}
	.inav .link-box a {
		line-height: 30px; padding-top: 0; padding-bottom:0;
	}
	.inav .search-box {
		margin-top:0;
	}
}

/** 面包屑导航 **/
.breadcrumbs {
	color: #555;
	font-size: 14px;
	line-height: 40px;
}
.breadcrumbs a {
	color: #555;
	font-size: 14px;
}
.breadcrumbs a:hover {
	color: #555;
}

.ibody {
	min-height: 200px;
}

/** 页脚 **/
.ifoot .service-box {
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 0;
}
.ifoot .service-box li {
    width: 20%;
    display: inline-block;
    border-left: 1px solid #DDD;
    font-size: 18px;
}
.ifoot .service-box li:last-child {
    border-right: 1px solid #DDD;
}
@media (max-width: 991px) {
	.ifoot .service-box li {
		width: 33.3333%;
	}
}
@media (max-width: 639px) {
	.ifoot .service-box li {
		width: 100%;
    	border-right: 1px solid #DDD;
	}
	.ifoot .service-box li a {
		line-height: 35px;
	}
}

.ifoot .service-box a {
	display: block;
    color: #888;
    font-size: 18px;
    line-height: 25px;
    padding-left: 2px;
    padding-right: 2px;
}
.ifoot .service-box a:hover {
	color: #555;
}

.ifoot .helper-box {
    padding-top: 10px;
    padding-bottom: 30px;
}
.ifoot .link-box {
	width: 80%;
	float: left;
    border-right: 1px solid #DDD;
}
.ifoot .link-box dl {
	display: inline-block;
	width: 25%;
	float: left;
    padding-right: 2px;
    margin: 0;
}
.ifoot .link-box dt {
	font-size: 16px;
	font-weight: normal;
    line-height: 30px;
}
.ifoot .link-box a {
	display: block;
    color: #888;
    font-size: 14px;
    line-height: 30px;
}
.ifoot .link-box a:hover {
	color: #555;
}

.ifoot .contact-box {
	float: left;
	width: 20%;
	padding-left: 2px;
	padding-right: 2px;
}
.ifoot .contact-box p {
	margin: 0 0 10px;
}
.ifoot .contact-box .phone {
	font-size: 22px;
    line-height: 1;
    color: green;
}
.ifoot .contact-box .work-time {
    font-size: 14px;
    color: #888;
}
.ifoot .contact-box .btn {
	margin-top: 18px;
	color: green;
	border-color:green;
	background: none;
	outline: 0;
	outline: thin dotted \9; /* IE6-9 */
}
.ifoot .contact-box .btn:hover {
	color: #FFF;
	background-color:green;
}

@media (max-width: 991px) {
	.ifoot .link-box {
		width: 75%;
	}
	.ifoot .contact-box {
		width: 25%;
	}
}
@media (max-width: 767px) {
	.ifoot .link-box {
		width: 70%;
	}
	.ifoot .contact-box {
		width: 30%;
	}
}
@media (max-width: 639px) {
	.ifoot .link-box {
		width: 60%;
	}
	.ifoot .link-box dl {
		width: 50%;
	}
	.ifoot .contact-box {
		width: 40%;
	}
}


/** 左侧菜单 **/
.sidebar-menu {
	padding: 20px 30px;
	background-color:#FFF;
}
.sidebar-menu .header > a {
	color: #333;
	font-size: 16px;
	line-height:40px;
	text-decoration: none;
}
.sidebar-menu .header > a:hover {
	color: #333;
}
.sidebar-menu .treeview-menu a {
	color: #8C8C8C;
	font-size: 15px;
	line-height:30px;
}
.sidebar-menu .treeview-menu a:hover {
	color: #8C8C8C;
}
.sidebar-menu .treeview-menu .active > a,
.sidebar-menu .treeview-menu .active > a:hover {
	color: #77CC00;
}

/** 禁止编辑的输入框 **/
.form-control.uneditable {
	cursor:pointer;
	background-color:#F4F4F4;
}

/** 文件上传控件 **/
.file-upload-box {
	overflow: hidden;
	position: relative;
}
.file-upload-box input[type=file] {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0; filter: alpha(opacity=0);
}

/** 简单的TAB切换, 用于订单状态筛选,类型筛选等 **/
ul.plain-tab-box {
	padding-top: 0;
	padding-bottom: 20px;
}
ul.plain-tab-box li {
	display: inline;
	border-left: 1px solid #DDD;
}
ul.plain-tab-box li:first-child {
	border-left: 0 none;
}
ul.plain-tab-box li a {
	display:inline-block;
	color: #8c8c8c;
	font-size: 16px;
	line-height: 30px;
	padding: 0 20px;
}
ul.plain-tab-box li:first-child a {
	padding-left: 0;
}
ul.plain-tab-box li.active a {
	color: #77CC00;
}

/** 块状列表 **/
.item-block {
	min-height:100px;
	margin:0;
}

/** 清除富文本中的p的边距 **/
.rich-text-box p {
	margin:0;
}


